<template>
  <div class="container">
    父组件
    <!-- <slot name="parentSlot" data="父组件参数"></slot> -->
    <child-slot :slots="$slots">
      <template v-slot:childSlot="item">
        <slot name="parentSlot" :data="item"></slot>
      </template>
    </child-slot>
  </div>
</template>

<script>
import ChildSlot from './ChildSlot.vue'

export default {
  name: 'ParentSlot',
  data() {
    return {}
  },
  props: {},
  components: { ChildSlot },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {
    console.log('父组件', this.$slots.parentSlot, this.$scopedSlots)
  },
}
</script>

<style scoped lang="scss"></style>
